<template>
  <el-container>
    <el-steps :active="index" simple>
      <el-step title="标识信息" icon="el-icon-edit" />
      <el-step title="理化属性" icon="el-icon-postcard" />
      <el-step title="环境行为" icon="el-icon-s-order" />
      <el-step title="生态危害" icon="el-icon-tickets" />
      <el-step title="健康危害" icon="el-icon-document-copy" />
      <el-step title="行业信息" icon="el-icon-document-checked" />
    </el-steps>

    <el-main>
      <Mark v-show="index===0" :message="data" />
      <physical-and-chemical v-show="index===1" :message="data" />
      <circumstance-behavior v-show="index===2" :message="data" />
      <ecology-hazard v-show="index===3" :message="data" />
      <health-hazard v-show="index===4" :message="data" />
      <industry-info v-show="index===5" :message="data" />
    </el-main>
    <el-footer>
      <el-button v-show="index>0" type="primary" style="margin-top: 12px;" @click="before">上一步</el-button>
      <el-button v-show="index<5" type="primary" style="margin-top: 12px;" @click="next">下一步</el-button>
      <el-button type="primary" style="margin-top: 12px;" @click="save">完成</el-button>
    </el-footer>

  </el-container>
</template>

<script>
import Mark from './EleAttrCategory/Mark'
import HealthHazard from './EleAttrCategory/HealthHazard'
import CircumstanceBehavior from './EleAttrCategory/CircumstanceBehavior'
import EcologyHazard from './EleAttrCategory/EcologyHazard'
import IndustryInfo from './EleAttrCategory/IndustryInfo'
import PhysicalAndChemical from './EleAttrCategory/PhysicalAndChemical'

export default {
  name: 'ElementInput',
  components: {
    Mark,
    PhysicalAndChemical,
    IndustryInfo,
    EcologyHazard,
    CircumstanceBehavior,
    HealthHazard
  },

  data() {
    return {
      index: 0,
      data: {
        // 基本属性
        // 物质编码
        'picBase64': '',
        'baseinfoWzbm': '',
        // 中文名称
        'baseinfoZwmc': '',
        // 中文其他名称
        'baseinfoZwqtmc': '',
        // 英文名称
        'baseinfoYwmc': '',
        // 英文其他名称
        'baseinfoYwqtmc': '',
        // IUPAC名称
        'baseinfoIupac': '',
        // CAS号
        'baseinfoCas': '',
        // SMILES码
        'baseinfoSmiles': '',
        // 分子式
        'baseinfoFzs': '',
        // 相对分子质量
        'baseinfo_xdfzzl': '',
        // 结构式
        'baseinfo_jgs': '',
        // 理化属性
        // 基本性状
        'lhsxbJbxz': '',

        // 沸点
        'lhsxbFd': '',

        // 水溶解度
        'lhsxbSrjd': '',

        // 饱和蒸气压
        'lhsxbBhzqy': '',

        // 熔点
        'lhsxbRd': '',

        // 相对密度
        'lhsxbXdmd': '',

        // 闪点
        'lhsxbSd': '',

        // 亨利常数
        'lhsxbHlcs': '',

        // Kow对数值
        'lhsxbKowdsz': '',

        // Kow备注
        'lhsxbKowbz': '',

        // Koc值
        'lhsxbKocz': '',

        // 解离常数pKa
        'lhsxbJlcspka': '',

        // 燃烧性
        'lhsxbRsx': '',

        // 氧化性
        'lhsxbYhx': '',

        // 爆炸性
        'lhsxbBzx': '',

        // 表面张力
        'lhsxbBmzl': '',
        // pH
        'lhsxbPh': '',
        // 其他理化信息
        'lhsxbQtlhxx': '',
        // 环境行为
        // 环境行为概述
        'hjxwbHjxwgs': '',
        // 生物降解半衰期（淡水）
        'hjxwbSwjjbsqDs': '',
        // 生物降解半衰期（淡水沉积物）
        'hjxwbSwjjbsqDscjw': '',
        // 生物降解半衰期（海水）
        'hjxwbSwjjbsqHs': '',
        // 生物降解半衰期（海洋沉积物）
        'hjxwbSwjjbsqHycjw': '',
        // 生物降解半衰期（土壤）
        'hjxwbSwjjbsqTr': '',
        // 生物降解试验终点
        'hjxwbSwjjsyzd': '',
        // 生物降解试验终点值
        'hjxwbSwjjsyzdz': '',
        // 生物降解试验时间
        'hjxwbSwjjsysj': '',
        // 生物降解试验方法
        'hjxwbSwjjsyff': '',
        // 生物降解备注
        'hjxwbBSwjjbz': '',
        // 光解半衰期（水）
        'hjxwbGjbsqS': '',
        // 光解半衰期（大气）
        'hjxwbGjbsqDq': '',
        // 光解半衰期（土壤）
        'hjxwbGjbsqTr': '',
        // 水解半衰期（淡水）
        'hjxwbSjbsqDs': '',
        // 水解半衰期（海水）
        'hjxwbSjbsqHs': '',
        // 其他降解性说明
        'hjxwbQtjjxsm': '',
        // BCF值（水生）
        'hjxwbBcfzSs': '',
        // BCF值（陆生）
        'hjxwbBcfzLs': '',
        // BMF值
        'hjxwbBmf': '',
        // TMF值
        'hjxwbTmf': '',
        // BSAF值
        'hjxwbBsaf': '',
        // 生物累积性备注
        'hjxwbSwljxbz': '',
        // 其他环境行为信息
        'hjxwbQthjxwxx': '',

        // 生态危害
        //                     环境危害分类
        'stwhbHjwhfl': '',
        //                     生态毒性描述
        'stwhbStdxms': '',
        //                     鱼类急毒LC50
        'stwhbYljdlc50': '',
        //                     鱼类急毒试验时间
        'stwhbYljdsysj': '',
        //                     鱼类急毒试验方法
        'stwhbYljdsyff': '',
        //                     鱼类急毒试验种属
        'stwhbYljdsyzs': '',
        //                     鱼类急毒备注
        'stwhbYljdbz': '',
        //                     鱼类慢毒NOEC
        'stwhbYlmdnoec': '',
        //                     鱼类慢毒LOEC
        'stwhbYlmdloec': '',
        //                     鱼类慢毒LC10
        'stwhbYlmdlc10': '',
        //                     鱼类慢毒效应说明
        'stwhbYlmdxysm': '',
        //                     鱼类慢毒试验时间
        'stwhbYlmdsysj': '',
        //                     鱼类慢毒试验方法
        'stwhbYlmdsyff': '',
        //                     鱼类慢毒试验种属
        'stwhbYlmdsyzs': '',
        //                     鱼类慢毒备注
        'stwhbYlmdbz': '',
        //                     鱼类总体毒性备注
        'stwhbYlztdxbz': '',
        //                     水生无脊椎生物急毒EC50
        'stwhbSswjzswjdec50': '',
        //                     水生无脊椎生物急毒试验时间
        'stwhbSswjzswjdsysj': '',
        //                     水生无脊椎生物急毒试验方法
        'stwhbSswjzswjdsyff': '',
        //                     水生无脊椎生物急毒试验种属
        'stwhbSswjzswjdsyzs': '',
        //                     水生无脊椎生物急毒备注
        'stwhbSswjzswjdbz': '',
        //                     水生无脊椎生物慢毒NOEC
        'stwhbSswjzswmdnoec': '',
        //                     水生无脊椎生物慢毒LOEC
        'stwhbSswjzswmdloec': '',
        //                     水生无脊椎生物慢毒LC10
        'stwhbSswjzswmdlc10': '',
        //                     水生无脊椎生物慢毒效应说明
        'stwhbSswjzswmdxysm': '',
        //                     水生无脊椎生物慢毒试验时间
        'stwhbSswjzswmdsysj': '',
        //                     水生无脊椎生物慢毒试验方法
        'stwhbSswjzswmdsyff': '',
        //                     水生无脊椎生物慢毒试验种属
        'stwhbSswjzswmdsyzs': '',
        //                     水生无脊椎生物慢毒备注
        'stwhbSswjzswmdbz': '',
        //                     水生无脊椎生物总体毒性备注
        'stwhbSswjzswztdxbz': '',
        // 藻类急毒EC50
        'stwhbZljdec50': '',
        //             藻类急毒试验种属
        'stwhbZljdsyzs': '',
        //             藻类急毒备注
        'stwhbZljdbz': '',
        //             藻类慢毒NOEC
        'stwhbZlmdnoec': '',
        //             藻类慢毒LOEC
        'stwhbZlmdloec': '',
        //             藻类慢毒EC10
        'stwhbZlmdec10': '',
        //             藻类慢毒效应说明
        'stwhbZlmdxysm': '',
        //             藻类慢毒试验时间
        'stwhbZlmdsysj': '',
        //             藻类慢毒试验方法
        'stwhbZlmdsyff': '',
        //             藻类慢毒试验种属
        'stwhbZlmdsyzs': '',
        //             藻类慢毒备注
        'stwhbZlmdbz': '',
        //             藻类总体毒性备注
        'stwhbZlztdxbz': '',
        //             水生植物急性毒性
        'stwhbSszwjxdx': '',
        //             水生植物慢性毒性
        'stwhbSszwmxdx': '',
        //             水生微生物毒性
        'stwhbSswswdx': '',
        //             其他水生毒性
        'stwhbQtssdx': '',
        //             底栖生物毒性
        'stwhbDqswdx': '',
        //             陆生节肢生物毒性
        'stwhbLsjzswdx': '',
        //             陆生植物毒性
        'stwhbLszwdx': '',
        //             陆生土壤生物毒性
        'stwhbLstrswdx': '',
        //             陆生土壤微生物毒性
        'stwhbLstrwswdx': '',
        //             鸟类毒性
        'stwhbNldx': '',
        //             其他陆生生物毒性
        'stwhbQtlsswdx': '',
        //             其他生态毒性
        'stwhbQtstdx': '',

        // 健康危害
        // 健康危害分类
        'jkwhbJkwhfl': '',
        // 经口急毒LD50
        'jkwhbJkjdld50': '',
        // 经口急毒试验物种
        'jkwhbJkjdsywz': '',
        // 经口急毒暴露时间
        'jkwhbJdjkblsj': '',
        // 经口急毒试验方法
        'jkwhbJdjksyff': '',
        // 经口急毒备注
        'jkwhbJdjkbz': '',
        // 经皮急毒LD50
        'jkwhbJpjdld50': '',
        // 经皮急毒试验物种
        'jkwhbJpjdsywz': '',
        // 经皮急毒暴露时间
        'jkwhbJpjdblsj': '',
        // 经皮急毒试验方法
        'jkwhbJpjdsyff': '',
        //  经皮急毒备注
        'jkwhbJpjdbz': '',
        // 吸入（气体）急毒LC50
        'jkwhbXrQtJdlc50': '',
        // 吸入（蒸气）急毒LC50
        'jkwhbXrZqJdlc50': '',
        // 吸入（粉尘）急毒LC50
        'jkwhbXrFcJdlc50': '',
        // 吸入急毒试验物种
        'jkwhbXrjdsywz': '',
        // 吸入急毒暴露时间
        'jkwhbXrjdblsj': '',
        // 吸入急毒试验方法
        'jkwhbXrjdsyff': '',
        // 吸入急毒备注
        'jkwhbXrjdbz': '',
        // 其他途径急毒
        'jkwhbQttjjd': '',
        // 急性毒性备注
        'jkwhbJxdxbz': '',
        // 慢毒经口NOAEL
        'jkwhbMdjknoael': '',
        // 慢毒经口LOAEL
        'jkwhbMdjkloael': '',
        // 慢毒经口试验物种
        'jkwhbMdjksywz': '',
        // 慢毒经口暴露时间
        'jkwhbMdjkblsj': '',
        // 慢毒经口试验方法
        'jkwhbMdjksyff': '',
        // 慢毒经口效应
        'jkwhbMdjkxy': '',
        // 慢毒经口备注
        'jkwhbMdjkbz': '',
        // 慢毒吸入（气体）NOAEL
        'jkwhbMdxrqtnoael': '',
        // 慢毒吸入（气体）LOAEL
        'jkwhbMdxrqtloael': '',
        // 慢毒吸入（蒸气）NOAEL
        'jkwhbMdxrzqnoael': '',
        // 慢毒吸入（蒸气）LOAEL
        'jkwhbMdxrzqloael': '',
        // 慢毒吸入（粉尘）NOAEL
        'jkwhbMdxrfcnoael': '',
        // 慢毒吸入（粉尘）LOAEL
        'jkwhbMdxrfcloael': '',
        // 慢毒吸入试验物种
        'jkwhbMdxrsywz': '',
        // 慢毒吸入暴露时间
        'jkwhbMdxrblsj': '',
        // 慢毒吸入试验方法
        'jkwhbMdxrsyff': '',
        // 慢毒吸入效应
        'jkwhbMdxrxy': '',
        // 慢毒吸入备注
        'jkwhbMdxrbz': '',
        // 慢毒经皮NOAEL
        'jkwhbMdjpnoael': '',
        // 慢毒经皮LOAEL
        'jkwhbMdjploael': '',
        // 慢毒经皮试验物种
        'jkwhbMdjpsywz': '',
        // 慢毒经皮暴露时间
        'jkwhbMdjpblsj': '',
        // 慢毒经皮试验方法
        'jkwhbMdjpsyff': '',
        // 慢毒经皮效应
        'jkwhbMdjpxy': '',
        // 慢毒经皮备注
        'jkwhbMdjpbz': '',
        // 其他途径慢毒
        'jkwhbQttjmd': '',
        // 慢性毒性备注
        'jkwhbMxdxbz': '',
        // 致癌性描述
        'jkwhbZaxms': '',
        // 致癌性IARC分类
        'jkwhbZaxIarcfl': '',
        // RfC
        'jkwhbRcf': '',
        // RfD
        'jkwhbRfd': '',
        // 经口SF
        'jkwhbJksf': '',
        // 吸入IUR
        'jkwhbXriur': '',
        // 饮用水因子
        'jkwhbYysyz': '',
        // 致突变性描述
        'jkwhbZtbxms': '',
        // 生殖毒性NOAEL
        'jkwhbSzdxnoael': '',
        // 生殖毒性LOAEL
        'jkwhbSzdxloael': '',
        // 生殖毒性试验物种
        'jkwhbSzdxsywz': '',
        // 生殖毒性暴露途径
        'jkwhbSzdxbltj': '',
        // 生殖毒性备注
        'jkwhbSzdxbz': '',
        // 神经毒性
        'jkwhbSjdx': '',
        // 皮肤致敏
        'jkwhbPfzm': '',
        // 呼吸致敏
        'jkwhbHxzm': '',
        // 腐蚀刺激性
        'jkwhbFsCjx': '',
        // 流行病学信息
        'jkwhbLxbxxx': '',
        // 其他毒理学信息
        'jkwhbQtdlxxx': '',
        // 健康毒代动力学
        'jkwhbJkdddlx': '',
        // 健康危害信息备注
        'jkwhbJkwhxxbz': '',

        // 行业信息
        // 主要用途描述
        'hyxxbZyytms': '',
        // 行业生产量
        'hyxxbXyscl': '',
        // 行业使用量
        'hyxxbXysyl': '',
        // 行业功能_多个
        'hyxxbXygnDg': '',
        // 行业应用领域
        'hyxxbXyyyly': '',
        // 行业生产工艺描述
        'hyxxbXyscgyms': '',
        // 行业使用工艺描述
        'hyxxbXysygyms': '',
        // 生产使用备注
        'hyxxbScsybz': '',
        // 排放系数_大气
        'hyxxbPfxsDq': '',
        // 排放系数_水
        'hyxxbPfxsS': ''
      }
    }
  },
  methods: {
    save() {
      this.$api.element.addNewElement(this.data).then(res => {
        if (this.data.baseinfoCas === '') {
          alert('CAS号不能为空,请输入CAS号！')
          return
        }
        alert('元素录入成功！')
        this.$router.push({ path: '/element/element' })
      })
    },
    before() {
      if (this.index-- <= 0) this.index = 0
    },
    next() {
      if (this.data.baseinfoCas === '') {
        alert('CAS号不能为空,请输入CAS号！')
      } else if (this.index++ >= 5) {
        this.index = 0
      }
    }
  }
}
</script>
<style scoped lang="scss">

</style>
